<script setup lang="ts">
import { UserCircleIcon } from 'tdesign-icons-vue-next'
import { useLogout } from '@/utils/logout'
const options = [
  {
    content: '个人中心',
    value: 1,
    onClick: () => {
      console.log(1)
    }
  },
  {
    content: '修改密码',
    value: 2,
    onClick: () => {
      console.log(1)
    },
    divider: true
  },
  {
    content: '退出登录',
    value: 3,
    onClick: useLogout
  }
]
</script>
<template>
  <t-dropdown :options="options" trigger="click">
    <t-button variant="text" shape="square" style="margin: 0 4px">
      <UserCircleIcon />
    </t-button>
  </t-dropdown>
</template>
